<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>p2p-首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <nav class="navbar navbar-inverse container" role="navigation">
            <div class="container-fluid">
            <div class="navbar-header">
                <span class="glyphicon glyphicon-phone-alt"></span>
                <a class="navbar-brand" href="#">028-86261949</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="#">注销</a></li>
                    <li><a href="#">帮助</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            联系客服 <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">
                                <img src="images/contract.png" alt="">
                            </a></li>
                            
                        </ul>
                    </li>
                </ul>
            </div>
            </div>
        </nav>
    </header>
    <!-- 导航 -->
    <nav id=nav>
        <div class="container">
            <nav class="navbar navbar-default" role="navigation">
                <div class="container-fluid">
                <div class="navbar-header">
                    <img src="images/logo.png" alt="" class="navbar-brand" >
                </div>
                <div>
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">我要投资</a></li>
                        <li><a href="#">我要借款</a></li>
                        <li><a href="#">个人中心</a></li>
                        <li><a href="#">新手指引</a></li>
                        <li><a href="#">关于我们</a></li>
                    </ul>
                </div>
                </div>
            </nav>
        </div>
    </nav>
    <!-- 轮播 -->
    <section id="banner" class="container">
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
            </ol>   
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/banner01.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="images/banner02.jpg" alt="Second slide">
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div> 
    </section>
    <!-- 主要内容 -->
    <section id="main" class="container">
        <!-- 业务分类 -->
        <div class="businessClassify">
            <a class="business_con">
                <img src="images/feature01.png" alt="">
                <div class="business_con_info">
                    <h1>投资理财</h1>
                    <p>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
                </div>
            </a>
            <a class="business_con">
                <img src="images/feature02.png" alt="">
                <div class="business_con_info">
                    <h1>投资理财</h1>
                    <p>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
                </div>
            </a>
            <a class="business_con">
                <img src="images/feature03.png" alt="">
                <div class="business_con_info">
                    <h1>投资理财</h1>
                    <p>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
                </div>
            </a>
        </div>
        <!-- 进行中借款 -->
        <div class="loanInprogress">
            <div class="title">
                <h1>进行中借款</h1>
                <a href="">进入投资列表</a>
            </div>
            <table class="table table-condensed">
                <thead>
                  <tr>
                    <th>借款人</th>
                    <th>借款标题</th>
                    <th>年利率</th>
                    <th>金额</th>
                    <th>还款方式</th>
                    <th>进度</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>张三</td>
                    <td>给我2000度过难关</td>
                    <td class="color8f">10.00%</td>
                    <td class="color8f">2,000.00</td>
                    <td>按月分期还款</td>
                    <td>78.00%</td>
                    <td>
                        <button class="look">查看</button>
                    </td>
                  </tr>
                  <tr>
                    <td>许云凡</td>
                    <td>借100买纸拉粑粑</td>
                    <td class="color8f">12.00%</td>
                    <td class="color8f">100.00</td>
                    <td>按月分期还款</td>
                    <td>100.00%</td>
                    <td>
                        <button class="look">查看</button>
                    </td>
                  </tr>
                  
                </tbody>
              </table>
        </div>
        <!-- 企业最新资讯和用户反馈 -->
        <div class="consultationAndFeedbackAndExperienceAndShare">
            <div>
                <!-- 最新资讯 -->
                <div class="consultation">
                    <div class="title">
                        <h1>企业最新资讯</h1>
                        <a href="">更多资讯</a>
                    </div>
                    <table class="table table-condensed">
                        <tr>
                        <td>央视力挺互联网金融</td>
                        <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                        <td>央视力挺互联网金融</td>
                        <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                        <td>央视力挺互联网金融</td>
                        <td>发表日期：2015-03-23</td>
                        </tr>
                    </table>
                </div>
                <!-- 用户反馈 -->
                <div class="feedback">
                    <div class="title">
                        <h1>用户反馈</h1>
                        <a href="">更多资讯</a>
                    </div>
                    <table class="table table-condensed">
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div>
                <!-- 理财经验 -->
                <div class="experience">
                    <div class="title">
                        <h1>理财经验</h1>
                        <a href="">更多资讯</a>
                    </div>
                    <table class="table table-condensed">
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                    </table>
                </div>
                <!-- 活动分享 -->
                <div class="share">
                    <div class="title">
                        <h1>活动分享</h1>
                        <a href="">更多资讯</a>
                    </div>
                    <table class="table table-condensed">
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                        <tr>
                            <td>央视力挺互联网金融</td>
                            <td>发表日期：2015-03-23</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="massage">
                <p>专业Java培训、PHP培训、UI培训、iOS培训、高级Web前端培训机构</p>
                <p>版权所有： 2006-2015成都源代码教育咨询有限公司</p>
                <p>地  址： 成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
                <p>
                    <span>电  话： 028-86261949  / 400-808-6840 </span>
                    <span>邮箱： yuandaima@itsource.cn</span>
                </p>
                <p>
                    <a href="">蜀ICP备14030149号-1</a>
                    <a href="">蜀公网安备510114990541</a>
                </p>
            </div>
            <div class="blog">
                <p>官方微博</p>
                <img src="images/tecent.png" alt="">
                <img src="images/sina.png" alt="">
            </div>
            <div class="weChat">
                <p>官方微信</p>
                <img src="images/wx.jpg" alt="">
            </div>
        </div>
    </footer>
</body>
<script src="lib/jQuery/jquery-2.1.3.js"></script>
<script src="lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="js/index.js"></script>
</html>